<template>
    <div class="list">
        <img :src="item.url" :alt="item.key" v-for="item in list" :key="item.key">
    </div>
</template>

<script>
export default {
    computed:{
        list(){
            const len = 40;
            const _resultArr = [];
            for (let index = 0; index < len; index++) {
                _resultArr.push({
                    url:require(`@/assets/img/标准做法/标准做法_${index<10?'0'+index:index}.jpg`),
                    key:`标准做法${index}`
                })
            }
            return _resultArr;
        }
    }
}
</script>

<style lang="less" scoped>
.list {
    display: flex;
    flex-wrap: wrap;
    img {
        // flex: 0 0 629px;
        width: 100%;
        // height: 443px;
        // margin-right: 20px;
        // margin-bottom: 60px;
        &:nth-of-type(2n) {
            margin-right: 0;
        }
    }
}
</style>